import styled from "styled-components";
import addChangeModule639 from '../../../../../../assets/image/ConfigManagement/add-change-module-639.png'

export const ModalBox = styled.div<{
    open: boolean
}>`
    position: fixed;
    top: 0;
    left: 0;
    width: 192rem;
    height: 91.9rem;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: ${props => props.open ? 'flex' : 'none'};
    align-items: center;
    justify-content: center;
    .modal-content{
        width: 91.6rem;
        height: 50.8rem;
        background: url(${addChangeModule639});
        background-size: 100% 100%;
        .modal-header{
            height: 4.4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .modal-title{
                margin-left: 3.2rem;
                font-weight: 800;
                font-size: 2.2rem;
                color: #FFFFFF;
            }
            .guanbi{
                width: 12px;
                height: 12px;
                color: #CBE8FF;
                margin-right: 2.5rem;
            }
        }
        .modal-footer{
            height: 7.2rem;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding-right: 3.2rem;
        }
    }
`

export const FormBox = styled.div`
.one_page_box{
    display: flex;
    height: 6rem;
    align-items: center;
}

`
export const FormItemBox = styled.div`
    height: 6rem;
    display: flex;
    align-items: center;
    width: 40.4rem;
    .form_title_box{
        width: 14.8rem;
        text-align: right;
        padding-right: 2rem;
        font-family: 'Adobe Heiti Std';
        font-weight: normal;
        font-size: 1.6rem;
        color: #8FACC7;
    }
`